<!-- 优惠券列表页 -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优惠券列表页</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入swiper插件样式 -->
    <link rel="stylesheet" href="./lib/swiper.css">
    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="./css/couponproduct.css">

</head>
<body>
    <div class="view">
        <!-- 头部 -->
        <div class="head-top">
            <a href='coupon.html'><</a>
            <h1>优惠券</h1>
            <div class="app-dow">
                <a href='javascript:;'></a>
            </div>
        </div>
        <!-- tips -->
        <div class="tips">
                --点餐前出示手机中的优惠券，即可享受优惠--
        </div>
        <!-- 优惠券列表 -->
        <div class="coupon-list">
        </div>


        <!-- 预览图片 -->
        <div class="previewImg off">
            <div class="img-box">
                <img src="" alt="">
            </div>
            <div class="prev-img"><</div>
            <div class="next-img">></div>
        </div>

        <!-- 尾部 -->
        <footer>
            <div class="foot-top">
                <a href='javascript:;'>登录</a>
                <a href='javascript:;'>注册</a>
                <a href='javascript:;' class="go-top">
                    <img src="./images/gotop.jpg" alt="">
                    返回顶部
                </a>
            </div>
            <div class="foot-bottom">
                <p>
                    <a href='javascript:;'>手机APP下载</a>
                    <a href='javascript:;'>慢慢买手机版</a>
                    <a href='javascript:;'> -- 掌上比价平台</a>
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>
    </div>
</body>
</html>
<script src="./lib/zepto.js"></script>
<script src="./lib/template.js"></script>
<script src="./lib/swiper.js"></script>
<script src="./js/htmlFontSize.js"></script>
<script src="./js/couponproduct.js"></script>
<!-- 渲染优惠券列表 -->
<script type="text/template" id="couponproductTmp">
    <ul>
    {{each result as value key}}
        <li data-index="{{value.couponProductId}}">
            <a href='javascript:;' class="clearfix">
                <div class="pic">
                    {{#value.couponProductImg}}
                </div>
                <div class="info">
                    <div class="top">
                        <h3>{{value.couponProductName}}</h3>
                        <h2>{{value.couponProductPrice}}</h2>
                    </div>
                    <div class="bottom">
                        {{value.couponProductTime}}
                    </div>
                </div>
            </a>
        </li>
    {{/each}}
    </ul>
</script>


